<!DOCTYPE html>
<html lang="zh-cn">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="media/layui/css/layui.css" media="all">
<link rel="stylesheet" href="media/css/font-awesome.min.css" media="all">

<style>
.info-box {
	height: 85px;
	background-color: white;
	background-color: #ecf0f5;
}

.info-box .info-box-icon {
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	display: block;
	float: left;
	height: 85px;
	width: 85px;
	text-align: center;
	font-size: 45px;
	line-height: 85px;
	background: rgba(0, 0, 0, 0.2);
}

.info-box .info-box-content {
	padding: 5px 10px;
	margin-left: 85px;
}

.info-box .info-box-content .info-box-text {
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
}

.info-box .info-box-content .info-box-number {
	display: block;
	font-weight: bold;
	font-size: 18px;
}

/*.major {*/
/*	font-weight: 11px;*/
/*	color: #01AAED;*/
/*}*/

.main {
	margin-top: 25px;
}

.main .layui-row {
	margin: 10px 0;
}
</style>
</head>

<body>
	<div class="layui-fluid main">
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md3">
				<div class="info-box">
					<span class="info-box-icon"
						style="background-color: #00c0ef !important; color: white;">
						<i class="fa fa-child"></i>
					</span>
					<div class="info-box-content">
						签到人数<span class="info-box-number" id="s1">13</span>
					</div>
				</div>
			</div>

			<div class="layui-col-md3">
				<div class="info-box">
					<span class="info-box-icon"
						style="background-color: #00a65a !important; color: white;"><i
						class="fa fa-users" aria-hidden="true"></i></span>
					<div class="info-box-content">
						<span class="info-box-text">出勤人数</span> <span
							class="info-box-number" id="s3">65</span>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="info-box">
					<span class="info-box-icon"
						style="background-color: #f39c12 !important; color: white;"><i
						class="fa fa-users" aria-hidden="true"></i></span>
					<div class="info-box-content">
						<span class="info-box-text">在读班级</span> <span
							class="info-box-number" id="s4">zz2003</span>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="info-box">
					<span class="info-box-icon"
						style="background-color: #dd4b39 !important; color: white;"><i
						class="fa fa-graduation-cap" aria-hidden="true"></i></span>
					<div class="info-box-content">
						<span class="info-box-text">毕业时间</span> <span
							class="info-box-number" id="s5">2020-11-04</span>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md12">
				<h2>登录用户信息</h2>
			</div>
		</div>
		<div>
			<div class="layui-card-header">设置我的资料</div>
			<div class="layui-card-body" pad15>

				<div class="layui-form" lay-filter="">
					<div class="layui-form-item">
						<label class="layui-form-label">我的角色</label>
						<div class="layui-input-inline">
							<select name="role" lay-verify="" >
								<option value="1" selected disabled>班主任</option>
								<option value="2" disabled>实习老师</option>
								<option value="3" disabled>校长</option>
								<option value="4" disabled>学生</option>
							</select>
						</div>
						<div class="layui-form-mid layui-word-aux">当前用户是指定的不可更改为其它角色</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">用户名</label>
						<div class="layui-input-inline">
							<input type="text" name="username" value="xianxin" readonly class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">不可修改。</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">昵称</label>
						<div class="layui-input-inline">
							<input type="text" name="nickname" value="贤心" lay-verify="nickname" autocomplete="off" placeholder="请输入昵称" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">性别</label>
						<div class="layui-input-block">
							<input type="radio" name="sex" value="男" title="男">
							<input type="radio" name="sex" value="女" title="女" checked>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">头像</label>
						<div class="layui-input-inline">
							<input name="avatar" lay-verify="required" id="LAY_avatarSrc" placeholder="图片地址" value="http://cdn.layui.com/avatar/168.jpg" class="layui-input">
						</div>
						<div class="layui-input-inline layui-btn-container" style="width: auto;">
							<button type="button" class="layui-btn layui-btn-primary" id="LAY_avatarUpload">
								<i class="layui-icon">&#xe67c;</i>上传图片
							</button>
							<button class="layui-btn layui-btn-primary" layadmin-event="avartatPreview">查看图片</button >
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">手机</label>
						<div class="layui-input-inline">
							<input type="text" name="cellphone" value="" lay-verify="phone" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">邮箱</label>
						<div class="layui-input-inline">
							<input type="text" name="email" value="" lay-verify="email" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item layui-form-text">
						<label class="layui-form-label">备注</label>
						<div class="layui-input-block">
							<textarea name="remarks" placeholder="请输入内容" class="layui-textarea"></textarea>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-input-block">
							<button class="layui-btn" lay-submit lay-filter="setmyinfo">确认修改</button>
							<button type="reset" class="layui-btn layui-btn-primary">重新填写</button>
						</div>
					</div>
				</div>

			</div>

		</div>
	</div>
	<script src="media/layui/layui.js"></script>
	<script>
		layui.use('table',function () {
			var table =layui.table;

			table.render({
				elem:'#test',
				height : 400,
				url : 'http://localhost:8080/OaNew/findByNo.do',

			})
		})
	</script>
<!--	<script>-->
<!--	&lt;!&ndash;		layui.use('table', function() {&ndash;&gt;-->
<!--	&lt;!&ndash;			var table = layui.table;&ndash;&gt;-->

<!--	&lt;!&ndash;			var table = layui.table;&ndash;&gt;-->

<!--	&lt;!&ndash;			//第一个实例&ndash;&gt;-->
<!--	&lt;!&ndash;			table.render({&ndash;&gt;-->
<!--	&lt;!&ndash;				elem : '#tbdata',&ndash;&gt;-->
<!--	&lt;!&ndash;				height : 400,&ndash;&gt;-->
<!--	&lt;!&ndash;				url : 'loginlogpage.do' //数据接口&ndash;&gt;-->
<!--	&lt;!&ndash;				,&ndash;&gt;-->
<!--	&lt;!&ndash;				page : true //开启分页&ndash;&gt;-->
<!--	&lt;!&ndash;				,&ndash;&gt;-->
<!--	&lt;!&ndash;				cols : [ [ //表头&ndash;&gt;-->
<!--	&lt;!&ndash;				{&ndash;&gt;-->
<!--	&lt;!&ndash;					field : 'no',&ndash;&gt;-->
<!--	&lt;!&ndash;					title : '登录账户'&ndash;&gt;-->
<!--	&lt;!&ndash;				}, {&ndash;&gt;-->
<!--	&lt;!&ndash;					field : 'ip',&ndash;&gt;-->
<!--	&lt;!&ndash;					title : '登录IP'&ndash;&gt;-->
<!--	&lt;!&ndash;				}, {&ndash;&gt;-->
<!--	&lt;!&ndash;					field : 'location',&ndash;&gt;-->
<!--	&lt;!&ndash;					title : '登录城市'&ndash;&gt;-->
<!--	&lt;!&ndash;				}, {&ndash;&gt;-->
<!--	&lt;!&ndash;					field : 'createtime',&ndash;&gt;-->
<!--	&lt;!&ndash;					title : '登录时间',&ndash;&gt;-->
<!--	&lt;!&ndash;					sort : true&ndash;&gt;-->
<!--	&lt;!&ndash;				} ] ]&ndash;&gt;-->
<!--	&lt;!&ndash;			});&ndash;&gt;-->

<!--	&lt;!&ndash;		});&ndash;&gt;-->
<!--	&lt;!&ndash;	</script>&ndash;&gt;<-->
</body>

</html>